import PropTypes from "prop-types"
import React, { memo } from "react"
import { LongforWrapper } from "./style"

const SectionLongfor = memo((props) => {
  const { itemData } = props
  return (
    <LongforWrapper>
      <div className="inner">
        <div className="item-info">
          <div className="imgs">
            <img src={itemData.picture_url} alt="" />
          </div>
          <div className="cover-img"></div>
          <div className="text">
            <div className="city">{itemData.city}</div>
            <div className="price">均价 {itemData.price}</div>
          </div>
        </div>
      </div>
    </LongforWrapper>
  )
})

SectionLongfor.propTypes = {
  itemData: PropTypes.object,
}

export default SectionLongfor
